<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:c="http://java.sun.com/jsp/jstl/core">
    <h:head>
        <title>Ver lista de libros</title>
        <style>
             body {
                width: 960px;
                margin: 40px auto;
                height:100%;
                font-size:14px;
                color:black;
                font-family:Arial, Helvetica, sans-serif;
                background-color: #708090;
            }
        </style>
    </h:head>
    <h:body>

        <p:growl showDetail="true" autoUpdate="true" id="bajas" />
        
        <h:outputText value="#{msg.vacio}" rendered="#{libroControlador.libros == null}" />

        <h:form>
            <p:dataTable id="tb" value="#{libroControlador.libros}" var="libro" emptyMessage="#{msg.vacio}" rendered="#{libroControlador.libros != null}" >
                <p:column>    
                    <f:facet name="header">
                        <h:outputText value="#{msg.isbn}" />
                    </f:facet>
                    <h:outputText value="#{libro.isbn}" />
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="#{msg.titulo}"/>
                    </f:facet>
                    <h:outputText value="#{libro.titulo}" />
                </p:column>

                <p:column>
                    <f:facet name="header">
                        <h:outputText value="#{msg.autor}"/>
                    </f:facet>
                    <h:outputText value="#{libro.autor}" />
                </p:column>

                <p:column>
                    <f:facet name="header">
                        <h:outputText value="#{msg.editorial}"/>
                    </f:facet>
                    <h:outputText value="#{libro.editorial}"/>
                </p:column>

                <p:column>
                    <f:facet name="header">
                        <h:outputText value="#{msg.genero}"/>
                    </f:facet>
                    <h:outputText value="#{libro.genero}"/>
                </p:column>

                <p:column>
                    <f:facet name="header">
                        <h:outputText value="#{msg.t_cd}"/>
                    </f:facet>
                    <h:outputText value="#{libro.tieneCD}"/>
                </p:column>


                <p:column>
                    <f:facet name="header">
                        <h:outputText value="#{msg.accion}"/>
                    </f:facet>
                    <p:commandButton value="#{msg.borrar}"  action="irborrarLibro" ajax="false" update="tb" >
                        <f:setPropertyActionListener value="#{libro}"  target="#{libroControlador.libroseleccionado}" />
                    </p:commandButton>

                    <p:commandButton value="#{msg.modificar}"  action="irPagmodificar" ajax="false" update="tb" >
                        <f:setPropertyActionListener value="#{libro}"  target="#{libroControlador.libroseleccionado}" />
                    </p:commandButton>

                </p:column>

            </p:dataTable>
        </h:form>
        <h:outputLink value="/index.html">#{msg.inicio}</h:outputLink>

    </h:body>
</html>
